<template>
  <div class="mi-bottom">
    <div class="bottom-img">
      <a href="javascript:">
        <img src="//s02.mifile.cn/assets/static/image/mi-logo.png" />
      </a>
    </div>
    <div class="bottom">
      <a href="javascript:" v-for="item in bottom">{{item.bottomname}}<span>{{item.fuhao}}</span></a>
    </div>
    <div class="copy">
      <p v-for="item in copy">
        <a href="javascript:">{{item.aname}}</a>
      </p>
    </div>
    <div class="copy-img">
      <a href="javascript:">
        <img src="//i1.mifile.cn/f/i/17/site/truste.png" />
      </a>
      <a href="javascript:">
        <img src="//s01.mifile.cn/i/v-logo-2.png" />
      </a>
      <a href="javascript:">
        <img src="//s01.mifile.cn/i/v-logo-1.png" />
      </a>
      <a href="javascript:">
        <img src="//s01.mifile.cn/i/v-logo-3.png" />
      </a>
      <a href="javascript:">
        <img src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" />
      </a>
    </div>
    <div class="nate">

    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        bottom: [{
            bottomname: "小米商城",
            fuhao: "|"
          },
          {
            bottomname: "MIUI",
            fuhao: "|"
          },
          {
            bottomname: "米家",
            fuhao: "|"
          },
          {
            bottomname: "米聊",
            fuhao: "|"
          },
          {
            bottomname: "多看",
            fuhao: "|"
          },
          {
            bottomname: "游戏",
            fuhao: "|"
          },
          {
            bottomname: "路由器",
            fuhao: "|"
          },
          {
            bottomname: "米粉卡",
            fuhao: "|"
          },
          {
            bottomname: "政企服务",
            fuhao: "|"
          },
          {
            bottomname: "小米天猫店",
            fuhao: "|"
          },
          {
            bottomname: "小米集团隐私政策",
            fuhao: "|"
          },
          {
            bottomname: "小米公司儿童信息保护规则",
            fuhao: "|"
          },
          {
            bottomname: "小米商城隐私政策",
            fuhao: "|"
          },
          {
            bottomname: "小米商城用户协议",
            fuhao: "|"
          },
          {
            bottomname: "问题反馈",
            fuhao: "|"
          },
          {
            bottomname: "廉正举报",
            fuhao: "|"
          },
          {
            bottomname: "诚信合规",
            fuhao: "|"
          },
          {
            bottomname: "Select Location",
            fuhao: ""
          }
        ],
        copy: [{
            aname: "© mi.com  京ICP证110507号京ICP备10046444号京公网安备11010802020134号 京网文[2017]1530-131号"
          },
          {
            aname: "（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告 "
          },
          {
            aname: "增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证"
          },
          {
            aname: "违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉  本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 "
          }
        ]
      }
    },
    components: {

    },
    methods: {

    }
  }
</script>

<style scoped="scoped">
  .mi-bottom {
    width: 100%;
    height: 18.75rem;
    position: relative;
  }

  .mi-bottom .bottom-img {
    border: 1px solid red;
    position: absolute;
    top: 1.3125rem;
    left: 10.625rem;
  }

  .mi-bottom .bottom-img a {
    display: block;
    width: 4.7rem;
    height: 4.7rem;
    background-color: #ff6700;
  }

  .mi-bottom .bottom-img a img {
    display: block;
    padding-top: 0.425rem;
    margin: 0 auto;
  }

  .mi-bottom .bottom {
    position: absolute;
    top: 1.25rem;
    left: 16.625rem;

  }

  .mi-bottom .bottom a {
    color: #757575;
    margin-right: 0.1125rem;
  }

  .mi-bottom .bottom a span {
    padding-left: 0.25rem;
  }

  .mi-bottom .copy {
    position: absolute;
    top: 3.25rem;
    left: 16.625rem;
  }

  .mi-bottom .copy p a {
    color: #B0B0B0;
  }

  .mi-bottom .copy p a:hover {
    color: #ff6b02;
  }

  .mi-bottom .copy-img {
    position: absolute;
    left: 16.625rem;
    top: 9.25rem;
  }

  .mi-bottom .copy-img a {
    display: inline-block;
    width: 8.1875rem;

  }

  .mi-bottom .copy-img a img {
    max-width: 100%;
  }

  .mi-bottom .nate{
    position: absolute;
    top: 14.6875rem;
    left: 56rem;
    width: 23.75rem;
    height: 2.5rem;
    background: url("//s02.mifile.cn/assets/static/image/slogan2016.png") no-repeat 0 0.325rem;
  }
</style>
